﻿@{
    Layout = null;
}
@*详情*@
<style>
    .info-row {
        display: flex;
        align-items: center;
        margin: 0 0 12px 0;
    }

        .info-row .info-col {
            flex: 1;
            display: flex;
            align-items: center;
        }

            .info-row .info-col span:nth-child(1) {
                width: 120px;
                text-align: right;
            }

            .info-row .info-col span:nth-child(2) {
                /*flex: 1;*/
                width: 233px;
                /*单行出现省略号*/
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                /*多行出现省略号*/
                /*display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;*/
            }
</style>
<div>
    <div class="info-row">
        <div class="info-col">
            <span>客户名称：</span>
            <span class="form-control">222</span>
        </div>
        <div class="info-col">
            <span>客户性别：</span>
            <span class="form-control">222</span>
        </div>
        <div class="info-col">
            <span>客户电话：</span>
            <span class="form-control">222</span>
        </div>
    </div>
</div>
<div class="info-row">
    <div class="info-col">
        <span>巴拉巴拉：</span>
        <span class="form-control">111</span>
    </div>
    <div class="info-col">
        <span>巴拉巴拉：</span>
        <span class="form-control">111</span>
    </div>
    <div class="info-col">
        <span>巴拉巴拉：</span>
        <span class="form-control">111</span>
    </div>
</div>


